.container {
  padding: 24px;
  background: #f0f2f5;
  min-height: 100%;

  .header {
    text-align: center;
    margin-bottom: 48px;
    
    h2 {
      font-size: 32px;
      font-weight: 600;
      margin-bottom: 16px;
    }
    
    p {
      font-size: 16px;
      color: #666;
      max-width: 800px;
      margin: 0 auto;
    }
  }

  .statistics {
    margin-bottom: 48px;
  }

  .featuresTitle {
    text-align: center;
    margin-bottom: 32px;
  }

  .features {
    margin-bottom: 48px;
  }

  .featureCard {
    height: 280px;
    text-align: center;
    transition: all 0.3s;
    
    &:hover {
      transform: translateY(-4px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
    
    h4 {
      margin: 16px 0 8px;
    }
    
    .description {
      color: #666;
      font-size: 14px;
    }
  }

  .quickStart {
    max-width: 800px;
    margin: 0 auto;
    
    h3 {
      margin-bottom: 16px;
    }
    
    p {
      line-height: 2;
      color: #666;
    }
  }
}